<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>江南小说网数据分析可视化page</title>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts-liquidfill.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery-ui.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/ResizeSensor.js"></script>

            <link rel="stylesheet"  href="https://assets.pyecharts.org/assets/jquery-ui.css">

</head>
<body>
    <style>.box {  } </style>
        
    <div class="box">
                <div id="f0e714e0b83749049d926a80c356948a" class="chart-container" style="position: absolute; width: 1326.8px; height: 596.8px; top: 0px; left: 857px;"></div>
    <script>
        var chart_f0e714e0b83749049d926a80c356948a = echarts.init(
            document.getElementById('f0e714e0b83749049d926a80c356948a'), 'white', {renderer: 'canvas'});
        var option_f0e714e0b83749049d926a80c356948a = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u5f53\u524d\u88ab\u6536\u85cf\u6570",
            "legendHoverLink": true,
            "data": [
                18626577,
                12327163,
                11873691,
                13141491,
                8139616,
                7665197,
                9297588,
                7649120,
                8630984,
                6698451,
                7882896,
                6289393
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markLine": {
                "silent": false,
                "precision": 2,
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u603b\u4e66\u8bc4\u6570",
            "legendHoverLink": true,
            "data": [
                14383023,
                8936372,
                6569669,
                5835247,
                5220033,
                3899579,
                3913331,
                3529376,
                3638777,
                2932713,
                3244315,
                2270399
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markLine": {
                "silent": false,
                "precision": 2,
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u5168\u6587\u5b57\u6570",
            "legendHoverLink": true,
            "data": [
                40741962,
                31877289,
                26843488,
                23186738,
                26579621,
                23372308,
                25294907,
                28997367,
                18285898,
                18914518,
                19824114,
                19601539
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "markLine": {
                "silent": false,
                "precision": 2,
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u5f53\u524d\u88ab\u6536\u85cf\u6570",
                "\u603b\u4e66\u8bc4\u6570",
                "\u5168\u6587\u5b57\u6570"
            ],
            "selected": {
                "\u5f53\u524d\u88ab\u6536\u85cf\u6570": true,
                "\u603b\u4e66\u8bc4\u6570": true,
                "\u5168\u6587\u5b57\u6570": true
            },
            "show": true,
            "left": "45%",
            "top": "4%",
            "padding": 5,
            "itemGap": 15,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "name": "\u6392\u540d",
            "show": true,
            "scale": false,
            "nameLocation": "center",
            "nameGap": 40,
            "nameTextStyle": {
                "fontWeight": "bold",
                "fontSize": 20
            },
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": -15,
                "margin": 8,
                "fontSize": 14
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "1~30",
                "31~60",
                "61~90",
                "91~120",
                "121~150",
                "151~180",
                "181~210",
                "211~240",
                "241~270",
                "271~300",
                "301~330",
                "331~360"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "margin": 8,
                "fontSize": 14
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u8425\u517b\u6db2\u6570\u6392\u884c\u524d360\u4f5c\u8005\u7684\u88ab\u6536\u85cf\u6570\u3001\u603b\u4e66\u8bc4\u6570\u3001\u5168\u6587\u5b57\u6570\u5bf9\u6bd4",
            "link": "A_tab.html",
            "target": "self",
            "left": "3%",
            "top": "2%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#4c3333"
            }
        }
    ],
    "toolbox": {
        "show": true,
        "orient": "horizontal",
        "itemSize": 15,
        "itemGap": 10,
        "left": "80%",
        "feature": {
            "saveAsImage": {
                "type": "png",
                "backgroundColor": "auto",
                "connectedBackgroundColor": "#fff",
                "show": false,
                "title": "\u4fdd\u5b58\u4e3a\u56fe\u7247",
                "pixelRatio": 1
            },
            "restore": {
                "show": true,
                "title": "\u8fd8\u539f"
            },
            "dataView": {
                "show": true,
                "title": "\u6570\u636e\u89c6\u56fe",
                "readOnly": false,
                "lang": [
                    "\u6570\u636e\u89c6\u56fe",
                    "\u5173\u95ed",
                    "\u5237\u65b0"
                ],
                "backgroundColor": "#fff",
                "textareaColor": "#fff",
                "textareaBorderColor": "#333",
                "textColor": "#000",
                "buttonColor": "#c23531",
                "buttonTextColor": "#fff"
            },
            "dataZoom": {
                "show": false,
                "title": {
                    "zoom": "\u533a\u57df\u7f29\u653e",
                    "back": "\u533a\u57df\u7f29\u653e\u8fd8\u539f"
                },
                "icon": {},
                "xAxisIndex": false,
                "yAxisIndex": false,
                "filterMode": "filter"
            },
            "magicType": {
                "show": true,
                "type": [
                    "line",
                    "bar",
                    "stack",
                    "tiled"
                ],
                "title": {
                    "line": "\u5207\u6362\u4e3a\u6298\u7ebf\u56fe",
                    "bar": "\u5207\u6362\u4e3a\u67f1\u72b6\u56fe",
                    "stack": "\u5207\u6362\u4e3a\u5806\u53e0",
                    "tiled": "\u5207\u6362\u4e3a\u5e73\u94fa"
                },
                "icon": {}
            },
            "brush": {
                "icon": {},
                "title": {
                    "rect": "\u77e9\u5f62\u9009\u62e9",
                    "polygon": "\u5708\u9009",
                    "lineX": "\u6a2a\u5411\u9009\u62e9",
                    "lineY": "\u7eb5\u5411\u9009\u62e9",
                    "keep": "\u4fdd\u6301\u9009\u62e9",
                    "clear": "\u6e05\u9664\u9009\u62e9"
                }
            }
        }
    }
};
        chart_f0e714e0b83749049d926a80c356948a.setOption(option_f0e714e0b83749049d926a80c356948a);
    </script>
<br/>                <div id="b40eed34d52b496fa8d4e99988cca684" class="chart-container" style="position: absolute; width: 905.8px; height: 797.8px; top: 18.600000381469727px; left: 2113px;"></div>
    <script>
        var chart_b40eed34d52b496fa8d4e99988cca684 = echarts.init(
            document.getElementById('b40eed34d52b496fa8d4e99988cca684'), 'white', {renderer: 'canvas'});
        var option_b40eed34d52b496fa8d4e99988cca684 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u4e3b\u53d7",
                    "value": 370
                },
                {
                    "name": "\u5973\u4e3b",
                    "value": 242
                },
                {
                    "name": "\u4e3b\u653b",
                    "value": 146
                },
                {
                    "name": "\u4e92\u653b",
                    "value": 74
                },
                {
                    "name": "\u60b2\u5267",
                    "value": 48
                },
                {
                    "name": "\u7537\u4e3b",
                    "value": 42
                },
                {
                    "name": "\u4e0d\u660e",
                    "value": 35
                }
            ],
            "radius": [
                "20%",
                "70%"
            ],
            "center": [
                "50%",
                "55%"
            ],
            "roseType": "area",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "fontSize": 15,
                "fontWeight": "bold"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e3b\u53d7",
                "\u5973\u4e3b",
                "\u4e3b\u653b",
                "\u4e92\u653b",
                "\u60b2\u5267",
                "\u7537\u4e3b",
                "\u4e0d\u660e"
            ],
            "selected": {},
            "show": true,
            "top": "5%",
            "padding": 5,
            "itemGap": 15,
            "itemWidth": 25,
            "itemHeight": 14,
            "icon": "diamond"
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u4f5c\u54c1\u89c6\u89d2",
            "link": "A_tab.html",
            "target": "self",
            "left": "3%",
            "top": "3%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#4c3333"
            }
        }
    ]
};
        chart_b40eed34d52b496fa8d4e99988cca684.setOption(option_b40eed34d52b496fa8d4e99988cca684);
    </script>
<br/>                <div id="c1840e03bd7747a184061f2c8c879b62" class="chart-container" style="position: absolute; width: 913.8px; height: 652.8px; top: 748.2000122070312px; left: 2100px;"></div>
    <script>
        var chart_c1840e03bd7747a184061f2c8c879b62 = echarts.init(
            document.getElementById('c1840e03bd7747a184061f2c8c879b62'), 'white', {renderer: 'canvas'});
        var option_c1840e03bd7747a184061f2c8c879b62 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u8f7b\u677e",
                    "value": 58.0
                },
                {
                    "name": "other",
                    "value": 42.0
                }
            ],
            "radius": [
                70,
                100
            ],
            "center": [
                "25%",
                "30%"
            ],
            "label": {
                "show": true,
                "position": "center",
                "margin": 8,
                "fontSize": 16,
                "formatter":     function(params) {        if(params.name == 'other')            return '\n\n\n' + params.name + ' : ' + params.value + '%';        return params.name + ' : ' + params.value + '%';    }    
            }
        },
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u6b63\u5267",
                    "value": 30.0
                },
                {
                    "name": "other",
                    "value": 70.0
                }
            ],
            "radius": [
                70,
                100
            ],
            "center": [
                "62%",
                "30%"
            ],
            "label": {
                "show": true,
                "position": "center",
                "margin": 8,
                "fontSize": 16,
                "formatter":     function(params) {        if(params.name == 'other')            return '\n\n\n' + params.name + ' : ' + params.value + '%';        return params.name + ' : ' + params.value + '%';    }    
            }
        },
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u7206\u7b11",
                    "value": 7.0
                },
                {
                    "name": "other",
                    "value": 93.0
                }
            ],
            "radius": [
                70,
                100
            ],
            "center": [
                "25%",
                "72%"
            ],
            "label": {
                "show": true,
                "position": "center",
                "margin": 8,
                "fontSize": 16,
                "formatter":     function(params) {        if(params.name == 'other')            return '\n\n\n' + params.name + ' : ' + params.value + '%';        return params.name + ' : ' + params.value + '%';    }    
            }
        },
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u60b2\u5267",
                    "value": 4.0
                },
                {
                    "name": "other",
                    "value": 96.0
                }
            ],
            "radius": [
                70,
                100
            ],
            "center": [
                "62%",
                "72%"
            ],
            "label": {
                "show": true,
                "position": "center",
                "margin": 8,
                "fontSize": 16,
                "formatter":     function(params) {        if(params.name == 'other')            return '\n\n\n' + params.name + ' : ' + params.value + '%';        return params.name + ' : ' + params.value + '%';    }    
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u8f7b\u677e",
                "other",
                "\u6b63\u5267",
                "\u7206\u7b11",
                "\u60b2\u5267"
            ],
            "selected": {},
            "show": true,
            "left": "85%",
            "top": "20%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 20,
            "itemWidth": 25,
            "itemHeight": 14,
            "icon": "circle"
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u4f5c\u54c1\u98ce\u683c\u5360\u6bd4",
            "link": "A_tab.html",
            "target": "self",
            "left": "3%",
            "top": "3%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#4c3333"
            }
        }
    ]
};
        chart_c1840e03bd7747a184061f2c8c879b62.setOption(option_c1840e03bd7747a184061f2c8c879b62);
    </script>
<br/>                <div id="173dedd591954a428b0cee927331ec6e" class="chart-container" style="position: absolute; width: 825.8px; height: 732.8px; top: 4.800000190734863px; left: 26px;"></div>
    <script>
        var chart_173dedd591954a428b0cee927331ec6e = echarts.init(
            document.getElementById('173dedd591954a428b0cee927331ec6e'), 'white', {renderer: 'canvas'});
        var option_173dedd591954a428b0cee927331ec6e = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "funnel",
            "name": "\u4f5c\u54c1\u8425\u517b\u6db2\u6570",
            "data": [
                {
                    "name": "\u58f6\u9c7c\u8fa3\u6912",
                    "value": 4984265
                },
                {
                    "name": "\u7ea2\u523a\u5317",
                    "value": 3365010
                },
                {
                    "name": "\u71d5\u5b64\u9e3f",
                    "value": 3257361
                },
                {
                    "name": "\u6851\u6c83",
                    "value": 3215683
                },
                {
                    "name": "\u897f\u5b50\u7eea",
                    "value": 2968710
                },
                {
                    "name": "\u83ab\u6668\u6b22",
                    "value": 2039808
                },
                {
                    "name": "priest",
                    "value": 2010824
                },
                {
                    "name": "\u6728\u82cf\u91cc",
                    "value": 1978271
                },
                {
                    "name": "\u6849\u67cf",
                    "value": 1972262
                },
                {
                    "name": "\u6dee\u4e0a",
                    "value": 1869758
                },
                {
                    "name": "\u9171\u5b50\u8d1d",
                    "value": 1753059
                },
                {
                    "name": "\u8776\u4e4b\u7075",
                    "value": 1506389
                }
            ],
            "sort": "descending",
            "gap": 2,
            "label": {
                "show": true,
                "position": "inside",
                "margin": 8,
                "fontSize": 13
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "formatter": "{a} <br/>{b} : {c}",
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "itemStyle": {
                "borderColor": "#fff",
                "borderWidth": 2
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u58f6\u9c7c\u8fa3\u6912",
                "\u6728\u82cf\u91cc",
                "\u9171\u5b50\u8d1d",
                "\u897f\u5b50\u7eea",
                "\u71d5\u5b64\u9e3f",
                "\u7ea2\u523a\u5317",
                "\u6849\u67cf",
                "priest",
                "\u6dee\u4e0a",
                "\u8776\u4e4b\u7075",
                "\u6851\u6c83",
                "\u83ab\u6668\u6b22"
            ],
            "selected": {
                "\u58f6\u9c7c\u8fa3\u6912": true,
                "\u7ea2\u523a\u5317": true,
                "\u71d5\u5b64\u9e3f": true,
                "\u6851\u6c83": true,
                "\u897f\u5b50\u7eea": true,
                "\u83ab\u6668\u6b22": true,
                "priest": true,
                "\u6728\u82cf\u91cc": true,
                "\u6849\u67cf": true,
                "\u6dee\u4e0a": true,
                "\u9171\u5b50\u8d1d": true,
                "\u8776\u4e4b\u7075": true
            },
            "show": true,
            "left": "93%",
            "top": "18%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 16,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u8425\u517b\u6db2\u6570\u6392\u884c\u524d12\u7684\u4f5c\u8005",
            "link": "A_tab.html",
            "target": "self",
            "left": "3%",
            "top": "3%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#4c3333"
            }
        }
    ]
};
        chart_173dedd591954a428b0cee927331ec6e.setOption(option_173dedd591954a428b0cee927331ec6e);
    </script>
<br/>                <div id="fb3788b0b73743f08fb5b72e0e582ea3" class="chart-container" style="position: absolute; width: 948.8px; height: 692.8px; top: 740.4000244140625px; left: 8px;"></div>
    <script>
        var chart_fb3788b0b73743f08fb5b72e0e582ea3 = echarts.init(
            document.getElementById('fb3788b0b73743f08fb5b72e0e582ea3'), 'white', {renderer: 'canvas'});
        var option_fb3788b0b73743f08fb5b72e0e582ea3 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u8f7b\u677e",
            "clockwise": true,
            "radius": 90,
            "center": [
                "35%",
                "35%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "fontSize": 15,
                "fontWeight": "bold"
            },
            "encode": {
                "itemName": "author",
                "value": "\u58f6\u9c7c\u8fa3\u6912"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "pie",
            "name": "\u6b63\u5267",
            "clockwise": true,
            "radius": 90,
            "center": [
                "80%",
                "35%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "fontSize": 15,
                "fontWeight": "bold"
            },
            "encode": {
                "itemName": "author",
                "value": "\u7ea2\u523a\u5317"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "pie",
            "name": "\u7206\u7b11",
            "clockwise": true,
            "radius": 90,
            "center": [
                "35%",
                "75%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "fontSize": 15,
                "fontWeight": "bold"
            },
            "encode": {
                "itemName": "author",
                "value": "\u71d5\u5b64\u9e3f"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "pie",
            "name": "\u60b2\u5267",
            "clockwise": true,
            "radius": 90,
            "center": [
                "80%",
                "75%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "fontSize": 15,
                "fontWeight": "bold"
            },
            "encode": {
                "itemName": "author",
                "value": "\u6851\u6c83"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u8f7b\u677e",
                "\u6b63\u5267",
                "\u7206\u7b11",
                "\u60b2\u5267"
            ],
            "selected": {},
            "show": true,
            "left": "45%",
            "top": "3%",
            "padding": 5,
            "itemGap": 15,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "dataset": {
        "source": [
            [
                "author",
                "\u58f6\u9c7c\u8fa3\u6912",
                "\u7ea2\u523a\u5317",
                "\u71d5\u5b64\u9e3f",
                "\u6851\u6c83"
            ],
            [
                "\u8f7b\u677e",
                6,
                4,
                1,
                2
            ],
            [
                "\u6b63\u5267",
                2,
                3,
                2,
                2
            ],
            [
                "\u7206\u7b11",
                4,
                1,
                5,
                1
            ],
            [
                "\u60b2\u5267",
                2,
                2,
                3,
                4
            ]
        ]
    },
    "title": [
        {
            "text": "\u8425\u517b\u6db2\u6570\u6392\u884c\u524d4\u4f5c\u8005\u7684\u98ce\u683c\u5360\u6bd4",
            "link": "A_tab.html",
            "target": "self",
            "left": "3%",
            "top": "3%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#4c3333"
            }
        }
    ]
};
        chart_fb3788b0b73743f08fb5b72e0e582ea3.setOption(option_fb3788b0b73743f08fb5b72e0e582ea3);
    </script>
<br/>                <div id="1033e7db6f184aea9fe6d06d2d11c018" class="chart-container" style="position: absolute; width: 1124.8px; height: 308.8px; top: 557px; left: 957px;"></div>
    <script>
        var chart_1033e7db6f184aea9fe6d06d2d11c018 = echarts.init(
            document.getElementById('1033e7db6f184aea9fe6d06d2d11c018'), 'white', {renderer: 'canvas'});
        var option_1033e7db6f184aea9fe6d06d2d11c018 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "liquidFill",
            "name": "\u5b8c\u7ed3\u7387",
            "data": [
                0.85,
                0.85
            ],
            "waveAnimation": true,
            "animationDuration": 2000,
            "animationDurationUpdate": 1000,
            "color": [
                "#294D99",
                "#156ACF",
                "#1598ED",
                "#45BDFF"
            ],
            "shape": "circle",
            "backgroundStyle": {},
            "outline": {
                "show": true,
                "borderDistance": 5
            },
            "label": {
                "show": true,
                "position": "inside",
                "margin": 8,
                "fontSize": 50
            },
            "center": [
                "25%",
                "60%"
            ],
            "xAxisIndex": 0,
            "yAxisIndex": 0
        },
        {
            "type": "liquidFill",
            "name": "\u51fa\u7248\u7387",
            "data": [
                0.74,
                0.74
            ],
            "waveAnimation": true,
            "animationDuration": 2000,
            "animationDurationUpdate": 1000,
            "color": [
                "#294D99",
                "#156ACF",
                "#1598ED",
                "#45BDFF"
            ],
            "shape": "circle",
            "backgroundStyle": {},
            "outline": {
                "show": true,
                "borderDistance": 5
            },
            "label": {
                "show": true,
                "position": "inside",
                "margin": 8,
                "fontSize": 50
            },
            "center": [
                "50%",
                "60%"
            ],
            "xAxisIndex": 1,
            "yAxisIndex": 1
        },
        {
            "type": "liquidFill",
            "name": "\u7b7e\u7ea6\u7387",
            "data": [
                0.99,
                0.99
            ],
            "waveAnimation": true,
            "animationDuration": 2000,
            "animationDurationUpdate": 1000,
            "color": [
                "#294D99",
                "#156ACF",
                "#1598ED",
                "#45BDFF"
            ],
            "shape": "circle",
            "backgroundStyle": {},
            "outline": {
                "show": true,
                "borderDistance": 5
            },
            "label": {
                "show": true,
                "position": "inside",
                "margin": 8,
                "fontSize": 50
            },
            "center": [
                "75%",
                "60%"
            ],
            "xAxisIndex": 2,
            "yAxisIndex": 2
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        },
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        },
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u5b8c\u7ed3\u7387",
            "link": "A_tab.html",
            "target": "self",
            "left": "22%",
            "top": "20%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#1668c9",
                "fontSize": 23
            }
        },
        {
            "text": "\u51fa\u7248\u7387",
            "link": "A_tab.html",
            "target": "self",
            "left": "47%",
            "top": "20%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#1668c9",
                "fontSize": 23
            }
        },
        {
            "text": "\u7b7e\u7ea6\u7387",
            "link": "A_tab.html",
            "target": "self",
            "left": "72%",
            "top": "20%",
            "padding": 5,
            "itemGap": 10,
            "textStyle": {
                "color": "#1668c9",
                "fontSize": 23
            }
        }
    ],
    "grid": [
        {
            "show": false,
            "zlevel": 0,
            "z": 2,
            "containLabel": false,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1
        },
        {
            "show": false,
            "zlevel": 0,
            "z": 2,
            "containLabel": false,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1
        },
        {
            "show": false,
            "zlevel": 0,
            "z": 2,
            "containLabel": false,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1
        }
    ]
};
        chart_1033e7db6f184aea9fe6d06d2d11c018.setOption(option_1033e7db6f184aea9fe6d06d2d11c018);
    </script>
<br/>                        <div id="e0d7fda686be454a8834c2fdce97fadc" class="chart-container" style="position: absolute; width: 912.8px; height: 472.8px; top: 822.6000366210938px; left: 1080px;">
            <p class="title" style="color: #4c3333; font-size : 20px; font-weight : bold; margin-top : 20px; margin-left : 45px;" > 词云图</p>
            <p class="subtitle" style="font-size: 12px;" > </p>
            <img src="wordcloud.png" width="900px" />
        </div>

<br/>    </div>
    <script>
            $('#f0e714e0b83749049d926a80c356948a').css('border-style', 'dashed').css('border-width', '0px');$("#f0e714e0b83749049d926a80c356948a>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#f0e714e0b83749049d926a80c356948a'), function() { chart_f0e714e0b83749049d926a80c356948a.resize()});
            $('#b40eed34d52b496fa8d4e99988cca684').css('border-style', 'dashed').css('border-width', '0px');$("#b40eed34d52b496fa8d4e99988cca684>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#b40eed34d52b496fa8d4e99988cca684'), function() { chart_b40eed34d52b496fa8d4e99988cca684.resize()});
            $('#c1840e03bd7747a184061f2c8c879b62').css('border-style', 'dashed').css('border-width', '0px');$("#c1840e03bd7747a184061f2c8c879b62>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#c1840e03bd7747a184061f2c8c879b62'), function() { chart_c1840e03bd7747a184061f2c8c879b62.resize()});
            $('#173dedd591954a428b0cee927331ec6e').css('border-style', 'dashed').css('border-width', '0px');$("#173dedd591954a428b0cee927331ec6e>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#173dedd591954a428b0cee927331ec6e'), function() { chart_173dedd591954a428b0cee927331ec6e.resize()});
            $('#fb3788b0b73743f08fb5b72e0e582ea3').css('border-style', 'dashed').css('border-width', '0px');$("#fb3788b0b73743f08fb5b72e0e582ea3>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#fb3788b0b73743f08fb5b72e0e582ea3'), function() { chart_fb3788b0b73743f08fb5b72e0e582ea3.resize()});
            $('#1033e7db6f184aea9fe6d06d2d11c018').css('border-style', 'dashed').css('border-width', '0px');$("#1033e7db6f184aea9fe6d06d2d11c018>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#1033e7db6f184aea9fe6d06d2d11c018'), function() { chart_1033e7db6f184aea9fe6d06d2d11c018.resize()});
            $('#e0d7fda686be454a8834c2fdce97fadc').css('border-style', 'dashed').css('border-width', '0px');$("#e0d7fda686be454a8834c2fdce97fadc>div:nth-child(1)").width("100%").height("100%");
            var charts_id = ['f0e714e0b83749049d926a80c356948a','b40eed34d52b496fa8d4e99988cca684','c1840e03bd7747a184061f2c8c879b62','173dedd591954a428b0cee927331ec6e','fb3788b0b73743f08fb5b72e0e582ea3','1033e7db6f184aea9fe6d06d2d11c018','e0d7fda686be454a8834c2fdce97fadc'];
function downloadCfg () {
    const fileName = 'chart_config.json'
    let downLink = document.createElement('a')
    downLink.download = fileName

    let result = []
    for(let i=0; i<charts_id.length; i++) {
        chart = $('#'+charts_id[i])
        result.push({
            cid: charts_id[i],
            width: chart.css("width"),
            height: chart.css("height"),
            top: chart.offset().top + "px",
            left: chart.offset().left + "px"
        })
    }

    let blob = new Blob([JSON.stringify(result)])
    downLink.href = URL.createObjectURL(blob)
    document.body.appendChild(downLink)
    downLink.click()
    document.body.removeChild(downLink)
}
    </script>
</body>
</html>
